$(function() {
    var layer = layui.layer
    var form = layui.form
    var laypage = layui.laypage;
    //定义美化时间的过滤器
    template.defaults.imports.dataFormat = function(date) {
            const dt = new Date(date)

            var y = padZero(dt.getFullYear())
            var m = padZero(dt.getMonth() + 1)
            var d = padZero(dt.getDate())

            var hh = padZero(dt.getHours())
            var mm = padZero(dt.getMinutes())
            var ss = padZero(dt.getSeconds())

            return y + '-' + m + '-' + d + ' ' + hh + ':' + mm + ':' + ss
        }
        //定义补零函数
    function padZero(n) {
        return n > 9 ? n : '0' + n
    }


    //定义一个查询的参数对象，将来请求数据的时候，
    //需要将请求参数对象提交到服务器
    var q = {
        pagenum: 1, //页码值
        pagesize: 2, //每页显示几条数据
        cate_id: '', //文章分类的Id
        state: '' //文章发布的状态
    }

    initTable()
    initCate()
        //获取文章列表
    function initTable() {
        $.ajax({
            method: 'GET',
            url: '/my/article/list',
            data: q,
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('获取文章列表失败!')
                }
                var htmlStr = template('tpl-table', res)
                $('tbody').html(htmlStr)
                renderPage(res.total)

            }
        })
    }

    //初始化文章分类的方法
    function initCate() {
        $.ajax({
            method: 'GET',
            url: '/my/article/cates',
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('获取分类数据失败！')
                }
                //调用模版
                var htmlStr = template('tpl-cate', res)
                $('[name=cate_id]').html(htmlStr)
                    //通知layui重新渲染表单区域
                form.render()

            }
        })
    }
    //为筛选表单绑定submit事件
    $('#form-search').on('submit', function(e) {
            e.preventDefault()
            var cate_id = $('[name=cate_id]').val()
            var state = $('[name=state]').val()
            q.cate_id = cate_id
            q.state = state
            initTable()
        })
        //定义分页方法
    function renderPage(total) {
        laypage.render({
            elem: 'pageBox', //分页容器的ID
            count: total, //总数据条数
            limit: q.pagesize, //每页显示条数
            curr: q.pagenum, //设置默认被选中的分页
            layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
            limits: [2, 3, 5, 10],
            //触发jump回调的方式有：
            //1.点击页码的时候
            //2.调用laypage.render()
            jump: function(obj, first) {
                //把最新的页码值赋值到q
                q.pagenum = obj.curr
                q.pagesize = obj.limit
                if (!first) {
                    initTable()
                }

            }
        })

    }
    $('tbody').on('click', '.btn-delete', function() {
        var len = $('.btn-delete').length
        console.log(len);

        var id = $(this).attr('data-id')
            //提示
        layer.confirm('确认删除？', { icon: 3, title: '提示' },
            function(index) {
                $.ajax({
                    method: 'GET',
                    url: '/my/article/delete/' + id,
                    success: function(res) {
                        if (res.status !== 0) {
                            return layer.msg('删除文章失败！')
                        }
                        layer.msg('删除文章成功！')
                            //当数据删除完成后，判定有无剩余数据，没有则让页码-1
                        if (len === 1) {
                            q.pagenum = q.pagenum === 1 ? 1 : q.pagenum - 1
                        }
                        initTable()
                    }
                })
                layer.close(index)
            })
    })

    // $('body').on('click', '.btn-edit', function() {
    //     //弹出层
    //     indexEdit = layer.open({
    //         type: 1,
    //         area: ['500px', '250px'],
    //         title: '修改文章分类',
    //         content: $('#dialog-edit').html()
    //     });
    //     var id = $(this).attr('data-id')

    //     //
    //     $.ajax({
    //         method: 'GET',
    //         url: "/my/article/" + id,
    //         success: function(res) {
    //             form.val('form-edit', res.data)
    //             console.log(res.data)
    //             fd.append('Id', res.Id)
    //             fd.append('title', res.title)
    //             fd.append('cate_id', res.cate_id)
    //             fd.append('content', res.content)
    //             fd.append('cover_img', res.cover_img)
    //             fd.append('state', res.state)


    //         }
    //     })

    // })

    // $('body').on('submit', '#form-edit', function(e) {
    //     e.preventDefault()
    //     var fd = new FormData($(this)[0])
    //     var id = $(this).attr('data-id')
    //     console.log(fd);
    //     $.ajax({
    //         method: 'GET',
    //         url: "/my/article/" + id,
    //         success: function(res) {
    //             form.val('form-edit', res.data)
    //             console.log(res.data);

    //         }
    //     })
    //     $.ajax({
    //         method: 'POST',
    //         url: '/my/article/add',
    //         data: $(this).serialize(),
    //         success: function(res) {
    //             if (res.status !== 0) {
    //                 return layer.msg('更新分类数据失败！')
    //             }
    //             layer.msg('更新分类数据成功！')
    //             layer.close(indexEdit)
    //             initTable()
    //         }
    //     })
    // })
})